<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>layout(布局)</title>
		
		<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js" ></script>
		<script src="../js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script> 
		<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css"> 
		<link rel="stylesheet"  href="../js/easyui/themes/icon.css"> 

		<script>
			$(function(){

				// 警告窗口
				$.messager.alert("警告","这是一个警告","是否”");
				
				// 确认窗口
				/*$.messager.confirm("标题","确认归隐山林",function(result){
					
					if(result){
						alert("正在解甲归田...");
					}else{
						alert("正在取消归隐...");
					}
					
				})
				*/
				
				// 输入窗口
				/*$.messager.prompt("输入框","请输入价格",function(param){
					alert("输入的价格为：￥"+param);
				});*/
				
				// 右下角窗口
				/*$.messager.show({
					title:"华为商城",
					msg:"Mate10首发,<a hret='#' style='color: red;'>猛戳这里</a>",
					timeout:5000, // 5秒后自动消失
					showType:'slide' 
					
				});*/
				
				// 进度条窗口
				/*$.messager.progress({
					title:"英雄联盟",
					msg:"正在加载游戏",
					interval:1000  // 每一秒增长10%
				});
				
				// 定时器：5秒后自动关闭进度条
				window.setTimeout("$.messager.progress('close')",5000);*/
				
			});
			
			
			
		</script>


		
	</head>
	<body class="easyui-layout">
			<div data-options="region:'north',title:'xxxx管理系统'" style="height: 100px;">北部区域</div>			
			
			<div data-options="region:'center'">中部区域</div>	
			<div data-options="region:'east'" style="width: 80px;">东部区域</div>	
			<div data-options="region:'south'" style="height: 80px;">南部区域</div>	
		
		<div data-options="region:'west',title:'西部区域'" style="width: 180px;">
			
		</div>	
<a ></a>
	</body>
</html>
